{layout name="common/layout" /}
<div class="bj_hui">

    <div class="zixun_tit">
        <span>珠宝培训</span>
        <p>Jewelry Training</p>
    </div>

    <div class="zt_da">

        <div class="zx_lie_left">
            <p>珠宝培训</p>
            <ul>
                <li><a href="/addons/shop/train/list?type=3">招生简章</a></li>
                <li><a href="/addons/shop/train/list?type=6">培训教师</a></li>
                <li><a href="/addons/shop/train/list?type=1">培训活动报道</a></li>
                <li><a href="/addons/shop/train/list?type=7" class="on">我要报名</a></li>
                <li><a href="/addons/shop/train/list?type=8">在线培训</a></li>
            </ul>
        </div>

        <div class="center_da_b">
            <form action="" id="societyId">
                <div class="zx_lie_right_1">
                    <p>培训活动报名表</p>
                </div>

                <div class="rh_tit">{$data.title ?? ''}报名表</div>
                <div class="rh_inp">
                    <p>*姓名：</p><input name="name" type="text" value="" class="rh_tx"/>
                    <input type="radio" name="sex" checked="checked" value="男"><span>男士</span>
                    <input type="radio" name="sex" value="女"><span>女士</span>
                </div>
                <div class="rh_inp">
                    <p>*年龄：</p><input name="age" type="text" value="" class="rh_tx"/>

                </div>
                <div class="rh_inp">
                    <p>*职务：</p><input name="duties" type="text" value="" class="rh_tx"/>
                </div>
                <div class="rh_inp">
                    <p>*手机：</p><input name="tel" type="text" value="" class="rh_tx"/>
                </div>
                <!--<div class="rh_inp">
                  <p>*邮箱：</p><input name="mail" type="text" value="" class="rh_tx" />
                </div>-->
                <div class="rh_inp">
                    <p>*常驻城市：</p><input name="address" type="text" value="" class="rh_tx"/>
                </div>
                <div class="rh_inp">
                    <p>*工作单位：</p><input name="company" type="text" value="" class="rh_tx"/>
                </div>
                <div class="rh_inp">
                    <p>&nbsp;</p><input onclick="submitMsg()" type="button" value="确认报名" class="rh_tx_t"/>
                </div>
                <div class="zhuce_biao1x"><input type="checkbox" name="running" class="biao_d">我已阅读并接受<a href="javascript:;"
                                                                                                                class="md-trigger btn btn-primary btn-sm" data-modal="modal-1">《关于"珠宝咨询网"内容发布协议》</a></div>
            </form>
            <div class="md-modalv md-effect-1" id="modal-1">
                <div class="md-content1">
                    <h3>发布协议</h3>
                    <div>
                        <p>更新日期2020年12月03日</p>
                        <p>
                            《胡博士珠宝同学会用户使用协议》（以下简称"本协议"）是由深圳市胡博士珠宝文化传播有限公司网站（包括PC端、移动端及应用程序）的用户（以下简称"用户"或"您"）与胡博士珠宝同学会网站的运营方，即深圳市胡博士珠宝文化传播有限公司（以下简称"本平台"）等相关事宜共同缔结。本协议具有合同效力，您应当阅读并遵守本协议。请您务必审慎阅读、充分理解各条款内容，特别是以黑体加粗形式提醒您注意的条款。
                        </p>
                        <b>一、协议确认</b>
                        <p>1、
                            您点击确认同意本协议条款并完成注册后，才能成为胡博士珠宝同学会的正式注册用户，并享受各类服务。在您完成用户注册后，即表示您接受并同意本协议。若您不同意本协议，或对本协议有任何疑问的，请您停止胡博士珠宝同学会的注册程序，并可选择不使用胡博士珠宝同学会网站服务。
                            2、
                            胡博士珠宝同学会有权根据国家法律法规变化及网站运营需要对本协议进行修改，修改后的协议一经发布并经您确认后即刻生效，并代替原来的协议。您可在胡博士珠宝同学会网站随时查阅最新协议。您若不同意更新后的协议，则将不能享受胡博士珠宝同学会依据本协议提供的各项服务。
                            3、 您点击同意本协议后，即视为您确认自己具有享受胡博士珠宝同学会服务、下单购物、出售货物等相应的权利能力和行为能力，能够独立承担法律责任。 4、
                            胡博士珠宝同学会保留在法律允许的范围内独自决定拒绝服务、关闭用户账户、清除或编辑内容、取消订单的权利。</p>
                        <b>二、服务内容</b>
                        <p>
                            1、胡博士珠宝同学会提供PC端、手机客户端、平板电脑客户端等各种形式服务软件（具体以胡博士珠宝同学会提供的为准），胡博士珠宝同学会会不断丰富您使用本服务的终端、形式等，如您已注册使用一种形式的服务，则可以以同一账号使用其他版本服务，本协议自动适用于您对所有版本的软件和服务的使用。
                            2、本平台提供的服务包括但不仅限于：黄金报价查询；黄金、钻石其他珠宝等产品的交易及撮合交易；行情资讯；新品发布；门店管理等，具体以平台功能为准。</p>
                        <b>三、账户管理</b>
                        <p>
                            1、在成功提交使用申请及注册后，胡博士珠宝同学会平台会为每位用户开通一个账户作为其使用本平台服务的唯一身份标识，该账户可用于登录PC端、手机客户端、平板电脑端，用户需自行妥善保管该账户的用户名和密码，该账户下所有操作均视为用户行为，因用户保管不善导致账号密码遗失泄露的，造成用户损失的，胡博士珠宝同学会平台及运营方不承担任何责任。
                            2、用户保证向胡博士珠宝同学会平台提供的任何资料、注册信息的真实性、正确性及完整性，包括但不限于邮箱、联系电话、法人企业的证照、门店信息等。用户保证胡博士珠宝同学会平台可以通过上述联系方式与用户进行有效联系；当上述资料发生变更时，及时更新用户资料，符合及时、详尽、准确的要求。否则，造成的一切后果由用户自行承担。
                            3、由于您使用本平台的需要，您可通过合法账号邀请下属成员加入（通常为门店的店长或营业员等，该成员不具有独立账户及身份信息，您需对所邀请的成员的操作行为负责），并通过胡博士珠宝同学会服务实现门店管理等目的。您保证在遵守胡博士珠宝同学会服务规范的同时，您的成员按照您的授权范围和规范使用胡博士珠宝同学会服务，如您一旦丧失胡博士珠宝同学会账户及身份，胡博士珠宝同学会有权将基于该账户的服务一并停止。
                            4、用户转让或授权他人使用自己的胡博士珠宝同学会账户造成用户损失的，胡博士珠宝同学会平台及运营方不承担任何责任。
                            5、本平台用户必须是具有合法经营资格的实体组织，或者持有有效身份证明的18周岁以上具有完全民事行为能力的自然人。无经营或特定经营资格的组织或超过其民事权利或行为能力范围不得注册为胡博士珠宝同学会用户，如否，本平台有权不经过用户允许，采取取消使用、冻结或关闭账户、拒绝提供服务等措施，给本平台及相关方造成损失的，用户应承担赔偿责任。
                            <b>四、用户的权利与义务</b>
                        <p>1、用户有权根据本协议的约定，使用本平台提供的免费服务，包括：黄金报价查询；行情资讯；行业活动信息；新品发布等，具体以平台功能为准。
                            2、用户按Jewelry平台服务流程所确认的交易状态将成为本平台为您进行相关交易或操作（包括但不限于确认付款、确认转料、确认提料、确认订单等）的明确指令。您同意本平台有权按相关指令依据本协议和/或有关文件和规则对相关事项进行处理。如用户未能及时对交易状态进行修改或确认或未能提交相关申请所引起的任何纠纷或损失由您本人负责，本平台及运营方不承担任何责任。
                            3、用户在使用本平台过程中实施的所有行为均应遵守中华人民共和国法律、法规、规范性文件及本平台各项规则的规定和要求，不违背社会公共利益或公共道德，不损害他人的合法权益，不违反本协议及相关规则。账户因您主动泄露或遭受他人攻击、诈骗等行为导致的损失及后果，均由您自行承担。账号持有人对其所有行为结果（包括但不限于在线签署各类协议、发布信息、购买、出售商品及披露信息等）负责。如果违反上述承诺，产生任何法律后果的，用户应以自己的名义独立承担所有的法律责任，并确保本平台及运营方免于因此遭受任何损失。
                            4、对于被本平台暂时停止或者永久停止账号的用户，停止账号期间本平台将不在该用户账号下提供任何服务。
                            5、对于任何影响或可能影响用户权利的情况，用户有权向Jewelry平台进行反馈，并提供相应证据资料，需要平台协助解决的，应提供有足够证明力的证据资料。</p>
                        <button class="md-close btn-sm btn-primary">
                            <img src="__CDN__/assets/img/img/guanbi.png" width="16" height="16"/>
                        </button>
                    </div>
                </div>
            </div>
            <div class="md-overlay"></div>
            <link href="css/component.css" rel="stylesheet">
            <script src="js/classie.js"></script>
            <script src="js/modalEffects.js"></script>


        </div>

    </div>
</div>


<script>
    function submitMsg() {
        const {id}     = getUrlParams(window.location.href)
        const checkbox = $("input[name=running]").prop("checked")
        if (!checkbox) return thisAlert("请勾选协议")
        if (!id) return thisAlert("ID 不能为空")
        const formArray = $("#societyId").serializeArray()
        const subData   = {
            article_id: id
        }
        const isForm    = formArray.every(item => {
            const notCheck = []
            if (!notCheck.includes(item.name) && !item.value) {
                thisAlert("请填写必填项")
                return false
            }
            return true
        })
        if (!isForm) return
        formArray.forEach(item => {
            const isNot = ["running"]
            item.value && !isNot.includes(item.name) && (subData[item.name] = item.value)
        })
        SHOP.api.ajax({
            url : "/addons/shop/train/trainEnrollAdd",
            data: subData
        }, function (data) {
            reset()
        }, function (data, ret) {
            if (ret.msg.indexOf("请登录") > -1) {
                layer.alert("请登录后再进行操作", {
                    title: "温馨提示", icon: 0, btn: ["去登录"]
                });
                return false;
            }
        });
    }

    function reset() {
        const formArray = $("#societyId").serializeArray()
        formArray.forEach(item => {
            const isNot = ["sex"]
            !isNot.includes(item.name) && $(`input[name=${item.name}]`).val("")
        })
    }

    function thisAlert(text) {
        layer.alert(text, {
            title: "提示", icon: 0, btn: ["确定"]
        });
    }

    /* 获取地址上的值 */
    function getUrlParams(url) {
        if (url.indexOf('?') != -1) {
            let obj = {};
            let arr = url.slice(url.indexOf('?') + 1).split('&');
            arr.forEach(item => {
                let param     = item.split('=');
                obj[param[0]] = param[1];
            })
            return obj;
        } else {
            return {};
        }
    }
</script>
